<template>
  <div>
    <ul class="mui-table-view mui-table-view-chevron">
      <li class="mui-table-view-cell mui-media">
        <a class="mui-navigate-right" href="javascript:;">
          <img
            class="mui-media-object mui-pull-left head-img"
            id="head-img"
            src="https://portrait.gitee.com/uploads/avatars/user/657/1972068_zhancjian_1590059860.png!avatar30"
          />
          <div class="mui-media-body">
            Hello MUI
            <p class="mui-ellipsis">账号:hellomui</p>
          </div>
        </a>
      </li>
    </ul>
    <ul class="mui-table-view mui-table-view-chevron">
      <li class="mui-table-view-cell">
        <a href="javascript:;" class="mui-navigate-right">账号与安全</a>
      </li>
    </ul>
    <ul class="mui-table-view mui-table-view-chevron">
      <li class="mui-table-view-cell">
        <a href="javascript:;" class="mui-navigate-right">新消息通知</a>
      </li>
      <li class="mui-table-view-cell">
        <a href="javascript:;" class="mui-navigate-right">隐私</a>
      </li>
      <li class="mui-table-view-cell">
        <a href="javascript:;" class="mui-navigate-right">通用</a>
      </li>
    </ul>
    <ul class="mui-table-view mui-table-view-chevron">
      <li class="mui-table-view-cell">
        <a href="javascript:;" class="mui-navigate-right">
          关于MUI
          <i class="mui-pull-right update">V3.1.0</i>
        </a>
      </li>
    </ul>
    <ul class="mui-table-view">
      <li class="mui-table-view-cell" style="text-align: center;">
        <a>退出登录</a>
      </li>
    </ul>
  </div>
</template>
<style lang="less" scoped>
</style>
<script>
export default {};
</script>